@charset "utf-8";
/* 全局定义*/
body {
	font-size:12px;
	line-height:22px;
	margin:0;
	padding:0;
	background:url(../images/bj.jpg) repeat-x #FFF top;
	padding-bottom:0;
	margin-bottom:0;
	color: #666666;
    font-family: "微软雅黑",Helvetica,Arial,sans-serif;
}
h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, form, button, input, textarea {
	margin:0;
	padding:0;
}
button, input, select, textarea { font:12px/1.5 tahoma, arial, "宋体", sans-serif; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size:100%; }
h1 {
    font-size: 12px; display:inline; font-weight:bold
}
h2 {
    font-size: 14px;
    font-weight: normal;
}
h3 {
    font-size: 14px;
    font-weight: normal;
}
ul, ol { list-style:none outside none; }
*{
	padding:0;
	margin:0;
}
a {
	text-decoration:none;
	color:#666666;
}
.siteview {
    padding: 10px 0 0;
}
.siteview img {
    margin: 0 3px 0 0;
    vertical-align: middle;
}
.siteview span {
    background: url("../images/site1.jpg") no-repeat scroll right 0 transparent;
    display: inline-block;
    height: 17px;
    padding: 0 15px 0 0;
    vertical-align: middle;
}
.siteview span a {
    background: url("../images/site1.jpg") no-repeat scroll 0 0 transparent;
    color: White;
    display: inline-block;
    height: 17px;
    line-height: 17px;
    padding: 0 0 0 15px;
}
a:hover { text-decoration:underline; color:#a70000}
img { border:0 none; }
body, html { min-height:101%; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clr {
	clear:both;
	margin:0px;
	padding:0px;
	height:0px;
	line-height:0px;
	font-size:0px;
}
.w297{width:297px}
.f12{font-size:12px;}
.f14{font-size:14px;}
.plr20{
	padding:0 20px;
}
.ptb10{
	padding:10px 0;
}
.red{
	color:red;
}
/*头部*/
.header {
	width:1000px;
	margin:0 auto;
}
.top {
	width:1000px;
	height:78px;
	margin:0 auto; background:url(../images/toplogo.jpg) no-repeat;
}

.top_right {float:right; width:380px;}
.top_right .quick_links{ height:29px; line-height:29px; text-align:right; padding-right:10px;}
.top_right .tel{ padding-right:10px; padding-top:10px; text-align:right;color:rgb(14,68,112);font-size:16px; font-weight:bold;}
.top_right .tel1{font-family:"微软雅黑"; background:url(../images/tel.jpg) no-repeat left center; line-height:40px; height:40px; font-size:14px; padding-left:23px}
.red{color:#B20000; font-size:16px}
.wrap_banner{width:970px}

.nav {
    height: 37px;
}
.nav ul {
    height: 100%;
}
.nav li {
    float: left;
    height: 37px;
    position: relative;
    text-align: center;
    width: 125px;
    z-index: 9;
}
.nav li.last {
    background-image: none;
}
.nav li a {
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    height: 37px;
    line-height: 37px;
    position: relative;
    white-space: nowrap;
    width: 125px;
}
.nav li.back, .nav li.back .left {
    height: 25px;
    overflow: hidden;
}
.nav li.back {
    position: absolute;
    width: 125px;
    z-index: 8;
}
.nav li.back .left {
    margin-left: 64px;
    width: 64px;
}
.nav li.hover .tita, .nav li a.hover, .nav li.current a {
    background: url("../images/nav-hover_bg.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    text-decoration: none;
}
.sub-nav {
    left: 0;
    position: absolute;
    top: 37px;
    visibility: hidden;
    width: 125px;
}
.sub-nav ul, .sub-nav-last ul {
    background: url("") no-repeat scroll 0 bottom transparent;
	background: #EAEBD8; width:126px;
}
.sub-nav li {
    float: none;
    height: 30px;
    position: relative;
    text-align: center;
    width: 80px;
}
.sub-nav li.last {
    background: none repeat scroll 0 0 transparent;
}
.sub-nav li a, .nav li.current .sub-nav li a {
    color: #000000;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    width: 126px; background-image:none;
}
.sub-nav li a:hover,.nav li.current .sub-nav li a:hover {
    text-decoration: none;background: #b80303; color:#FFF;
}
#sddm
{	margin: 0 auto;
	padding: 0;
	z-index: 30;
	width: 100%;
}
.flo{float:left}
#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 12px arial}

#sddm li a
{
	color:#FFF;
	width:125px;
	display:block;
	text-align:center;
	font-size:14px;
	text-decoration:none;}

#sddm li a:hover
{background:url(../images/nav_bj.jpg) repeat-x}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width:125px;
	background: #EAEBD8; line-height:24px; height:90px;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width:105px;
		white-space: nowrap;
		text-align: center;
		text-decoration: none;
		background: #EAEBD8;
		color: #90121b;
		font: 12px arial; line-height:24px;}

	#sddm div a:hover
	{	background: #b80303;
		color: #FFF}
		#sddm .lii{height:90px; line-height:24px}
#sddm .currentnav { background:url(../images/nav_bj.jpg) repeat-x;color:#fff; }
.lia{height:37px; line-height:37px}
.wrap_gg{	
	width:970px;
	margin:0 auto;
	background:url(../images/newCase_bg.jpg) repeat-x; height:31px;
	padding:0px 15px;
}
.wrap_gg .notice{background:url(../images/gg.jpg) no-repeat left; padding-left:95px; height:31px; line-height:31px}
.notice h2,#img_list a,#img_list a:hover, #img_list a.active,.item li a, .item li a:hover, .item li a.iCur,.breR, .breadCrumb, .tab li, .tab li a, .tab .tabL a, .tab .tabR a, .tab li a:hover, .tab .tabL a:hover,.itemSer h3, .tab .tabR a:hover{ background:url(../images/icon_bg.png) no-repeat 0 0;}
/*---------------------- 标题 ----------------------*/

/* 公告栏 */
.notice { background:url(../images/newCase_bg.jpg) repeat-x 0 0; height:31px; line-height:31px; overflow:hidden;}
.noticeCon { width:850px;height:31px;}
.notice ul { width:390px; height:31px; line-height:31px; position:relative;overflow:hidden;}
.notice ul li { width:390px;position:absolute;left:490px;top:0;}
.notice ul li.first {left:0;}
.notice ul li span { float:right; color:#999;}
.notice ul li a { width:270px; display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; line-height:31px; height:31px}
#img_list { width:40px; padding-top:13px;}
#img_list a { display:block; text-indent:-9999px; float:left; background-position:0 -60px; width:7px; height:7px; margin-right:3px; display:inline;}
#img_list a:hover, #img_list a.active { background-position:-9px -60px;}
* { padding:0; margin:0;}

h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}



.f_l , .f_m {float:left;}
.f_r {float:right;}

/* padding margin */
.mt-5 {margin-top:5px;}
.mt-10 {margin-top:10px;}
.mt-20 {margin-top:20px;}
.mr-5 {margin-right:5px;display:inline;}
.mr-10 {margin-right:10px;display:inline;}
.mr-15 {margin-right:15px;display:inline;}
.mr-20 {margin-right:20px;display:inline;}
.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}
.ml-5 {margin-left:5px;display:inline;}
.ml-10 {margin-left:10px;display:inline;}
.ml-15 {margin-left:15px;display:inline;}
.ml-20 {margin-left:20px;display:inline;}
.line24{line-height:24px;}
.line28{background:#CCC; line-height:28px; padding-left:10px;}
.pt-5 {padding-top:5px;}
.pt-10 {padding-top:10px;}
.pt-15 {padding-top:15px;}
.pt-20 {padding-top:20px;}
.pr-5 {padding-right:5px;}
.pr-10 {padding-right:10px;}
.pr-20 {padding-right:20px;}
.pb-5 {padding-bottom:5px;}
.pb-10 {padding-bottom:10px;}
.pb-20 {padding-bottom:20px;}
.pl-5 {padding-left:5px;}
.pl-10 {padding-left:10px;}
.pl-20 {padding-left:20px;}
.ptrbl-13 { padding:13px;}
.ptrbl-10 { padding:13px 13px 10px 13px;}
.prbl-10 { padding:0 10px 10px 10px;}
.plr-30 { padding:0 30px;}
.p-10 { padding:10px;}
/* 对齐 */
.al { text-align:left;}
.ar { text-align:right;}
.ac { text-align:center;}
.strong { font-weight:normal;}
.line25{line-height:25px}
.fsize14{font-size:14px;}
.fw14{line-height:23px; width:430px}
.bline{border-bottom:#CCC solid 1px; height:1px; overflow:hidden; margin:10px 0px}
.leftxia{width:228px; min-height:500px; float:left}
.letfxia02{float:left; background:url(../images/bt05.jpg) repeat-x; width:204px}
.wrap_main {
	width:970px;
	margin:0 auto;
	padding:0px 15px; background:url(../images/content_bg.gif) repeat-x #FFF}
#content {
    background: url("../images/subContent_bg.jpg") repeat-x scroll 0 0 transparent;
    padding: 10px 9px 0;margin:0 auto;
	width:982px
}
.main_bj{background:url(../images/in-fw.jpg) repeat-x; width:960px; height:34px; margin:12px 0px; line-height:34px; color:#FFF; padding-right:10px}
.main_bj a{color:#FFF}
#tside{width:970px}
#tside li{float:left; width:206px; margin:0px 18px;display: inline;
    overflow: hidden;
}
#tside li img{padding:3px; border:1px solid #D9D9D9}
#tside li a:hover img{background-color: #B20000; border: 1px solid #B20000;}
#tside li h3 {
   background: url("../images/serTit_bg.gif") no-repeat scroll center bottom transparent;
    color: #333333;
    height: 40px;
    line-height: 43px;
    padding: 0 5px;
	overflow:hidden
}
#tside li h3 a {
    color: #333333;
    float: right;
    font-size: 12px;
}

#case li{ height:164px; width:209px; padding:2px; float:left; margin:0px 14px; display:inline; overflow:hidden}
#case li img{height:135px; width:209px; border:#CCC solid 1px}
#case .lii{background:url(../images/icon.jpg) no-repeat top center; height:26px; line-height:26px; width:163px; padding-left:45px; overflow:hidden; float:left}
#case .lii .tspan{text-align:left;}
.w80{width:80px}
.newsbj{background:url(../images/newsbj.jpg) repeat-x; height:296px; width:314px; border:#eceaea solid 1px; margin-top:8px; float:left; margin-right:12px}
.newsbj .bt{background:url(../images/newbt.jpg) no-repeat; height:44px; width:314px}
.newsbj .bt1{background:url(../images/newqs.jpg) no-repeat; height:44px; width:314px}
.newsbj .bt .txt{background:url(../images/iconnews2.jpg) no-repeat left center; margin-left:240px; padding-left:12px; line-height:37px}
.newsbj .bt1 .txt{background:url(../images/iconnews2.jpg) no-repeat left center; margin-left:240px; padding-left:12px; line-height:37px}
#in-news{width:307px; padding-top:5px}
#in-news li{margin:7px 10px; height:23px}
#in-news .inn{float:left; padding:2px; border:#c2c2c2 solid 1px; width:79px; height:54px; margin-right:10px}
 .b_side_mCon {
    height: 238px;
    overflow: hidden;
    padding: 0 10px;
}
.b_side_m li {
    background:url(../images/newicon.gif) no-repeat 5px center;
    border-bottom: 1px dashed #BABABA;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 20px;
}
.b_side_m li span {
    color: #999999;
    float: right;
}
.b_side_m li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
}
.adys{background:url(../images/newsbj.jpg) repeat-x; height:296px; width:314px; margin-top:8px; float:left;}
.adicon{width:6px; margin-right:5px; padding-top:5px; margin-left:5px;}
.adtxt{line-height:22px; width:293px; height:50px}
/*内页头部*/
.sub-banner {
    background: url("../images/subBanner_bg.jpg") repeat-x scroll 0 0 transparent;
    border: 1px solid #F3F3F3;
    height: 298px;
    position: relative;
    width: 980px; margin:0 auto;
}

.shadow {
    background: url("../images/shadow.jpg") no-repeat scroll center top transparent;
    height: 11px; width:982px;
}
/*内页内容*/
.n-main {
    background: url("../images/subMain_bg.jpg") repeat-x scroll 0 0 #FFFFFF;
    width: 982px;
}
.mCon {
    background: url("../images/submCon_bg.jpg") no-repeat scroll center top transparent;
    padding: 0 15px;
}
.t_sideTop h2, .b_side_lTop h2, .b_side_mTop h2, .itemAbTop h2, .itemSerTop h2, .itemContTop h2, .itemservice h2, .itemSeo h2, .itemnews h2, .itemCaseTop h2, .itemSoTop h2, .itemcase h2, .itemViewTop h2, .itemSupTop h2, .b_side_r h2, .itemSiteTop h2 {
    background: url("../images/tit.png") no-repeat scroll 0 0 transparent;
    text-indent: -9999px;
}
.itemAbTop h2 {
    background:url(../images/about.jpg) no-repeat;
    height: 23px;
}
.itemSerTop h2 {
    background:url(../images/site.jpg) no-repeat;
    height: 23px;
}
.itemSeo h2 {
    background:url(../images/pseo.jpg) no-repeat;
    height: 23px;
}
.itemcase h2 {
    background:url(../images/case1.jpg) no-repeat;
    height: 23px;
}
.itemnews h2 {
    background:url(../images/newsbt.jpg) no-repeat;
    height: 23px;
}
.itemservice h2 {
    background:url(../images/services.jpg) no-repeat;
    height: 23px;
}
.itemTit {
    background: url("../images/itemTop_bg.gif") no-repeat scroll center bottom transparent;
    height: 42px;
    padding-top: 15px;
}
.item ul {
    background: url("../images/item_bg.jpg") repeat-x scroll left bottom #F5F5F5;
    border-bottom: 1px solid #DADADA;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    padding: 16px 0 10px;
}
.item li {
    border-top: 1px solid #DADADA;
    height: 31px;
}
.item li a {
    background-position: 20px -141px;
    color: #333333;
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
}
.item li a:hover, .item li a.iCur {
    background:url(../images/icur.jpg) no-repeat;
    color: #B20000;
    text-decoration: none;
}
.itemSerCon {
    background: url("../images/item_bg.jpg") repeat-x scroll left bottom #F5F5F5;
    border-bottom: 1px solid #DADADA;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    padding: 16px 0 0;
}
.itemSer h3 {
    background-position: 0 -178px;
    border-top: 1px solid #DADADA;
    color: #333333;
    cursor: pointer;
    display: block;
    height: 31px;
    line-height: 31px;
    padding-left: 30px;
}
.itemSer ul {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: medium none;
    border-left: medium none;
    border-right: medium none;
    padding: 0;
}
.itemSer ul a {
    text-indent: 15px;
}

.step1 li, .step2 li, .hListCon p, .hostingList2 li, .power li {
    background: url("../images/develop_bg.png") no-repeat scroll 0 0 transparent;
}
.step1 ul {
    padding-left: 20px;
}
.step1 li {
    float: left;
    padding-top: 60px;
    width: 82px;
}
/*---------------------- develop-background-image ----------------------*/
.step1 li,.step2 li,.hListCon p,.hostingList2 li,.power li { background:url(../images/develop_bg.png) no-repeat 0 0;}
/* step1 style */
.step1 ul { padding-left:20px;}
.step1 li { float:left; width:82px; padding-top:60px;}
.step1 .li1 { background-position:0 0;}
.step1 .li2 { background-position:0 -84px;}
.step1 .li3 { background-position:0 -168px;}
.step1 .li4 { background-position:0 -252px;}
.step1 .li5 { background-position:0 -336px;}
.step1 .li6 { background-position:0 -420px;}
.step1 .li7 { background-position:0 -504px; width:54px;}
/* step2 style */
.step2 li { border-bottom:1px solid #E6E6E6; padding:0 0 0 100px; margin-bottom:15px; height:84px; overflow:hidden;}
.step2 li h4 { margin-bottom:5px;}
.step2 li p span { padding-right:35px;}
.step2 .li01 { background-position:5px -588px;}
.step2 .li02 { background-position:5px -672px;}
.step2 .li03 { background-position:5px -756px;}
.step2 .li04 { background-position:5px -840px;}
.step2 .li05 { background-position:5px -924px;}
.step2 .li06 { background-position:5px -1008px;}
.step2 .li07 { background-position:5px -1092px; border:none; margin-bottom:0;}
/* box3 style */
.box3 h3 { background:url(../images/box3Top_bg.gif) no-repeat 0 0;}
.main_bottom {
	width:984px;
	height:6px;
	line-height:6px;
	background:url(../images/main_bottom.jpg);
	font-size:0;
}
.main_left {
	width:204px;
	float:left;
}
.main_right {
	width:730px;
	float:right;
}
.breadCrumb {
    background:url(../images/righticon.png) no-repeat left center;
    height: 46px;
    line-height: 46px;
    padding-left: 25px;
}
.breR {
    background:url(../images/rightzy.jpg) no-repeat left center;
    padding-left: 25px;
}
.breR span {
    font-family: "宋体";
    font-size: 14px;
    padding: 0 5px;
}
.breadCrumb h3 {
    color: #B20000;
    font-size: 16px;
}
.breadCrumb1 {
    background:url(../images/righticon.png) no-repeat left center;
    height: 58px;
    line-height: 58px;
    padding-left: 25px;
}
.breR1 {
    background:url(../images/rightzy.jpg) no-repeat left center;
    padding-left: 25px;
}
.breR1 span {
    font-family: "宋体";
    font-size: 14px;
    padding: 0 5px;
}
.breadCrumb1 h3 {
    color: #B20000;
    font-size: 16px;
}
.box1 {
    background: url("../images/bSide_bg.jpg") repeat-x scroll center bottom transparent;
    border: 1px solid #E9E9E9;
    height: 300px;
    overflow: hidden;
    width: 315px;
}
.box2 {
    background: url("../images/box2_bg.gif") repeat-y scroll 0 0 transparent;
    width: 732px;
}
.box2 h3 {
    background: url("../images/box2Top_bg.gif") no-repeat scroll 0 0 transparent;
    color: #B20000;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    width: 717px;
}
.blank20 {
    clear: both;
    height: 20px;
    line-height: 20px;
    visibility: hidden;
}
.v_detail_bTop { background:url(../images/box6Top.gif) no-repeat top left;}
.v_detail_bBot { padding:15px;}
.v_detail_bBot th,.v_detail_bBot td { padding:5px;}
.v_detail_bBot .textfield,.v_detail_bBot .textarea { padding:2px; border:1px solid #D0D0D0; background-color:#fff;}
.v_detail_bBot .button { background-position:-57px -1623px; width:65px; height:27px; color:#fff;}
.v_detail_bBot .button2 { background-position:-57px -1650px;}
.box3{
    background: url("../images/box3Top_bg.gif") no-repeat scroll 0 0 transparent;
}

.tab li {
    background-position: 105px -694px;
    float: left;
    height: 35px;
    line-height: 28px;
    text-align: center;
    width: 107px;
}
.tab .noBg {
    background: none repeat scroll 0 0 transparent;
}
.tab li a {
    background-position: 0 -484px;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    height: 35px;
}
.tab li a:hover, #change_2 li.now a, .tab li a.tCur {
    background-position: 0 -519px;
    text-decoration: none;
}
.tab a.tabL {
    background-position: 0 -554px;
}
.tab a.tabR {
    background-position: 0 -624px;
}
.tab a.tabL:hover, #change_2 li.now a.tabL, .tab .liL a.tCur {
    background-position: 0 -589px;
}
.tab a.tabR:hover, #change_2 li.now a.tabR, .tab .liR a.tCur {
    background-position: 0 -659px;
}
.tab a:hover {
    color: #FFFFFF;
}
.blank30 {
    clear: both;
    height: 20px;
    line-height: 20px;
    visibility: hidden;
}
.a_list_b ul {
    background: url("../images/dashed_bg.gif") no-repeat scroll center center transparent;
    height: 202px;
    width: 728px;
}
.a_list_b li {
    float: left;
    overflow: hidden;
    padding: 3px 0 10px 55px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 302px;
}
.culture{border-left:#e3e3e3 solid 1px; border-right:#e3e3e3 solid 1px; background:#f7f7f7; width:698px}
.casephoto{border-left:#e3e3e3 solid 1px; border-right:#e3e3e3 solid 1px; background:#f7f7f7; width:708px; padding:10px}
/*网站建设*/
.itemSerCon {
    background: url("../images/item_bg.jpg") repeat-x scroll left bottom #F5F5F5;
    border-bottom: 1px solid #DADADA;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    padding: 16px 0 0;
}

.box2_bot {
    background: url("../images/box2Bot_bg.gif") no-repeat scroll left bottom transparent;
}
.box3 h3 {
    background: url("../images/box3Top_bg.gif") no-repeat scroll 0 0 transparent;
}
.box4 h3 {
    background: url("../images/box4Top_bg.gif") no-repeat scroll 0 0 transparent;
    font-size: 16px;
    height: 59px;
    line-height: 59px;
    padding-left: 30px;
    width: 702px;
}

.common_bt {
	height:36px;
	line-height:36px;
	background:url(../images/bt_line.jpg) repeat-x bottom;
	margin:0 auto;
	margin:0 15px;
}
.common_bt .title {
	float:left;
	font-weight:bold;
	font-size:16px;
	font-family:Tahoma, Arial, "Courier New", serif;
}
.search_no_style{
	font-weight:normal;
	font-size:12px;
	font-family:normal;
}
.common_bt .path {
	float:right;
}
.common_bt .more {
	float:right;
	background:url(../images/more.gif) no-repeat 5px 15px;
	width:40px;
	height:30px;
	display:block;
}
.common_bt .more a {
	width:40px;
	height:30px;
	display:block;
	cursor:pointer;
}
.common_list {
	margin:0 auto;
	margin:0 15px;
	padding-left:10px;
}
.common_list ul{
	display:block;
	margin:0px;
	padding:0px;
}
.common_list li {
	line-height:23px;
	vertical-align:middle;
	clear:both;
}
.common_list li span { float:right; }
#ZiFenLei{list-style-type:none;}
.common_content {
	margin:0 auto;
	height:100%;
	font-size:14px;
	border-left:#e3e3e3 solid 1px; border-right:#e3e3e3 solid 1px; background:#f7f7f7;
}
.rangtxt{font-size:14px; font-weight:bold; width:680px; background:#d8d6d6; height:30px; line-height:30px; padding-left:10px}
.rangcontact{line-height:28px; padding-left:10px}
#menu2 li img{padding-bottom:2px;margin-right:5px;}
.projz{border-left:#e3e3e3 solid 1px; border-right:#e3e3e3 solid 1px; width:702px}
.casepic{width:225px; height:145px; margin-top:18px; border:#CCC solid 1px; padding:2px}
.casetxt{width:420px; margin-left:10px; margin-top:10px}
.common_content h3{background:url(../images/dot.gif) no-repeat 5px center; height:30px; line-height:30px; padding-left:20px; font-weight:bold; color:#292929}
/*案例展示*/
.itemCase {
    background: url("../images/itemCase_bg.jpg") no-repeat scroll 0 0 transparent; min-height:380px; _height:380px;
   
}
.itemCase h3 {
    color: #B20000;
    height: 35px;
    line-height: 35px; border-bottom:#CCC solid 1px; margin:0 7px; font-size:14px; text-align:center;
}
.itemCase li {
    background-position: -130px -494px;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
}
.itemCase li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 175px;
}

/*网站案例*/
.webpic{width:650px; margin-left:8px; margin-bottom:10px; overflow:hidden; }
.w201{width:201px}
.proppic{margin-left:9px; width:215px; height:240px; margin-bttom:10px;}
.propic{width:215px; border:#eeeeee 8px solid; height:212px}
.bor3{height:110px; width:209px;}
.bor3 a{border:#CCC solid 3px; height:104px; width:199px}
.bor3 a:hover{border:#ae0000 solid 3px; height:104px; width:199px}
.inpro a{background:#ffffff; width:199px; height:174px; border:#FFF 5px solid}
.inpro a:hover{background:#A20004; display:block; width:199px; height:174px; border:#A20004 solid 5px}
.caselist UL LI A:hover {
    background: #8c0303;
    display: block;
    width: 215px; color:#FFF; text-decoration:none;
}
.casetitle {
    border-bottom: 1px dotted #CCCCCC;
    height: 34px;
    line-height: 34px;
    margin: 10px 0;
    padding: 5px;
}
.caselist {
    height: auto;
}
.caselist UL LI {
    display: inline;
    height: 200px;
    margin: 0px 0 0px 12px;
    width: 215px;
}

.casediv{width:215px; margin-left:20px; height:285px}
.casebox {
    border-color: #EEEEEE;
    border-style: solid;
    border-width: 8px;
    height: 219px;
    padding-top: 5px;
    text-align: center;
}
.caseimgbottom {
    background: url("../images/caselist_libg.gif") no-repeat scroll 50% bottom transparent;
    height: 12px;
}
.caselisttag{font-size:12px; text-align:left; padding-left:8px;overflow:hidden;}
a .caselisttag{color:#000}
.protxt{font-size:12px; text-align:center; font-weight:bold}
a .protxt{color:#A80004;}
a:hover .protxt{color:#ffffff;}
.case_title{font-size:12px; color:#A60004; border-bottom:#CCC solid 1px; line-height:28px}
.case_p{float:left; width:430px; line-height:25px; margin-top:10px}
.case_pic{width:210px; margin:10px}
.sys_list {
	margin:0 auto;
	padding:15px 0 10px 0px;
}
.sys_list li {
	width:130px;
	height:auto;
	float:left;
	margin-left:15px;
	margin-right:30px;
	display:inline;
}
.sys_list .img_show {
	width:130px;
	height:128px;
	text-align:center;
	display:table; 
	position:relative;
}
.sys_list .img_show  div{
	*position:absolute; 
	top:50%; 
	left:0; 
	display:table-cell; 
	vertical-align:middle;
	width:100%;
	}
.sys_list .img_show  div  .good{
	position: relative; 
	top:-50%; 
	text-align:center;
	margin:0; 
	padding:0;
	}
.sys_list .img_txt {
	width:130px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin-top:5px;
}
.case_list {
	margin:0 auto;
	padding:10px 0 0 8px;
}
.case_list li {
	width:165px;
	height:auto;
	float:left;
	margin-left:7px;
	margin-top:5px;
	display:inline;
	font-size:14px;
}
.case_list .img_show {
	/*非IE的主流浏览器识别的垂直居中的方法*/ 
display: table-cell; 
vertical-align:middle; 
/*设置水平居中*/ 
text-align:center; 
/* 针对IE的Hack */ 
*display: block; 
*font-size: 140px;/*约为高度的0.873，115*0.873 约为100*/ 
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ 
	width:165px;
	height:170px;
	border:1px solid #E0E0E0;
}
.case_list .img_show img{ vertical-align:middle;}
.comm_detail_pic{
	float:left;margin-left:12px;
}
.comm_detail_pic .comm_detail_pic_show {
	/*非IE的主流浏览器识别的垂直居中的方法*/ 
display: table-cell; 
vertical-align:middle; 
/*设置水平居中*/ 
text-align:center; 
/* 针对IE的Hack */ 
*display: block; 
*font-size: 158px;/*约为高度的0.873，115*0.873 约为100*/ 
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ 
	width:220px;
	height:180px;
	border:1px solid #E0E0E0;
}
.comm_detail_pic .comm_detail_pic_show img{ vertical-align:middle;}


.case_list .img_txt {
	width:165px;
	height:25px;
	line-height:25px;
	text-align:center;
	margin-top:5px;
}
.box{
	margin:0 auto;
	margin:5px 15px;
	clear:both;
	height:220px;
}
.box_left {
	width:330px;
	float:left;
}
.box_right {
	width:330px;
	float:right;
}
.index_right_bt {
	height:36px;
	line-height:36px;
	background:url(../images/bt_line.jpg) repeat-x bottom;
	margin:0 auto;
}
.index_right_bt .title {
	float:left;
	padding-top:10px;
}
.index_right_bt .more {
	float:right;
	background:url(../images/more.gif) no-repeat 5px 15px;
	width:40px;
	height:30px;
	display:block;
}
.index_right_bt .more a {
	width:40px;
	height:30px;
	display:block;
	cursor:pointer;
}
.index_right_list {
	margin:0 auto;
}
.index_right_list li {
	line-height:28px;
	background:url(../images/jt.jpg) no-repeat 1px 12px;
	vertical-align:middle;
	clear:both;
	padding-left:10px;
}
.index_right_list li span { float:right; }
.news_list{padding:0 10px;}
.news_list ul{ padding:0px; margin:0px;list-style-type:none;}
.news_list li {
	line-height:28px;
	background:url(../images/jt.jpg) no-repeat 3px 12px;
	vertical-align:middle;
	clear:both;
	padding-left:10px;
	color:#000
}
.newscontent{line-height:25px; border-bottom:#666 solid 1px; font-size:12px}
.news_list li a{color:#000000}
.news_list li span { float:right; }
.showpage {
	text-align:right;
	height:30px;
	line-height:30px;
	float:right;
	padding-right:15px;
}
.news_title{ margin:0px 5px 5px 5px;font-weight:bold; font-size:22px; text-align:center;}
.news_info{height:25px; line-height:25px; text-align:center;margin:0 15px; border-bottom:1px solid #E3E3E3;}
.news_content{font-size:14px; line-height:20px; text-indent:2em;}

.footer {
	width:100%;
	text-align:center;
	line-height:25px;
	height:192px;
	clear:both;
	margin-top:10px;
	background:url(../images/bottombj.jpg) repeat-x;
}
.footer .footxt{height:55px; color:#8c8c8c; line-height:55px}
.footer .footxt a{color:#8c8c8c}
.footer .footxt1{padding-top:10px}
.pageContent_view {
line-height:180%;
color:#666666;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}
.pageContent_view_c{
padding:0 0 10px 0;
}
.pageContent_view .itemPic {
float:left;
height:auto;
margin:10px 20px 0 12px;
width:220px;
text-align:center;
}

.pageContent_view .itemPic {
	/*非IE的主流浏览器识别的垂直居中的方法*/ 
display: table-cell; 
vertical-align:middle; 
/*设置水平居中*/ 
text-align:center; 
/* 针对IE的Hack */ 
*display: block; 
*font-size: 158px;/*约为高度的0.873，115*0.873 约为100*/ 
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ 
	width:220px;
	height:180px;
	border:1px solid #E0E0E0;
}
.pageContent_view .itemPic img{ vertical-align:middle;}

.pageContent_view .itemName {
float:left;
margin-left:10px;
}
.pageContent_view .itemParticular {
padding:30px 10px;
background:url("../images/particular.gif") no-repeat scroll 0 top transparent;
font-size:14px;
width:93%;
margin:0 auto;
}
.footer p a{color:#ffffff;}
#product_info_list{
list-style-type:none;
padding:0px;
margin:10px 0 0 0;
}
#product_info_list li{
line-height:31px;
color:#333;
}
.product_detail_t{
	font-size:14px;
	font-weight:bold;
	color:black;
}
.product_page{
	float:right;padding-right:15px;
}
.type_style_n_list {
	margin:0 auto;
	margin:0 15px;
	font-size:14px;
}
.type_style_n_list ol a{
	margin-left:5px;
}
.shadow_border li{
	margin:0 0 0 35px;
	list-style:square;
}
.goback{
	margin:25px 10px 10px 0;
	float:right;
}
.related_x{
	width:96%;
	margin:20px auto 0px auto;
}
.related_x_t{
	font-weight:bold;
	font-size:14px;
	height:35px;
	line-height:35px;
	border-top:1px dashed #ccc;
}
.related_x li{
	height:23px;
	line-height:23px;
	background:url("../images/square.jpg") no-repeat 20px 10px;
}
.indpro{
	font-size:14px;
}
.indpro li{
	float:right;
}
#indpro_text{
	height:23px;
	line-height:23px;
}
#indpro_submit{
	 margin-top:-1px;
}
#indpro_input input{
	color:#666;
}
.common_input_height{
	height:20px;
	line-height:20px;
}
.video1{
	text-align:center;width:500px;height:auto;margin:0 auto;margin-bottom:30px;
}
.video2{
	text-align:center;width:500px;height:30px;font-size:16px;font-weight:bold
}
#detail_p{
	padding-left:8px;
}
.tindex2{
	text-indent:2em;
}
#mess_table{
	width:100%;
}
#news_index_top ol{
	background:url("../images/square.jpg") no-repeat 0px 10px;
	font-size:12px;
}
#news_index_top ol a:hover{
	color:#FA5E00;
	text-decoration:none;
}
.index_about{
	float:left;margin-left:20px;width:462px
}
.index_aboutw{
	float:left;height:127px;width:216px;margin-left:10px;
}

.about ul {padding:0;list-style-type: none; width:315px; height:29px; background:url(../images/ysbj.jpg) repeat-x top #fafafa}
.about li {text-align:center; float:left; display:block; text-align:center; width:93px; font-family:"微软雅黑"; font-size:14px; height:29px; line-height:29px; overflow:hidden;  display:inline;}
.about li a{line-height:29px; font-size:14px; font-weight:bold}
.about li a:hover{text-decoration:none}
.about .cli {float:left;display:block;display:inline; text-align:center; width:93px; background:url(../images/n-ysbj.jpg) repeat-x top #fafafa; height:29px; font-size:14px; line-height:29px; cursor:pointer; }
.about .cli a{line-height:29px; font-size:14px}
.about .cli a:hover{text-decoration:none}
#tabcontent {width:315px; background:#fafafa;}
#tabcontent ul {margin:0;list-style-type: none; padding-top:3px}
#tabcontent ul li {line-height:24px; font-family:"宋体"; padding-left:5px}
#tabcontent .hidden {display:none;}
.in_about{padding:0px 8px 0px 8px}